// 透明颜色
$transparent: transparent;
// 白色
$white: var(--white, #fff);
//黑色
$black: var(--black, #000);
// 灰色填充
$fill-gray: var(--fill-gray, #7e8392);
// 通用亮色文字 例如白色文字
$text-bright: var(--text-bright, #fff);
// disable 颜色
$text-disabled: var(--text-disabled, #c0c4cc);
// 常规文字颜色
$text-common: var(--text-common, #333);
// 按钮disable  表单等的左侧label颜色
$text-secondary: var(--text-secondary, #999);
// 输入提示文字
$text-placeholder: var(--text-placeholder, #999);
// 蓝色主题颜色 菜单选中  菜单鼠标经过 选中 可点击文字按钮的颜色
$text-primary: var(--text-primary, #409eff);
// 告警提示等文字颜色 删除按钮文字颜色
$text-red: var(--text-red, #ff4d4f);
// 警告色 黄色
$text-yellow: var(--text-yellow, #ffba00);
// 绿色 例如已审核等文字的颜色
$text-green: var(--text-green, #38b77c);

// body背景色
$bg-body: var(--bg-body, #f0f3f5);
// 页面背景色
$bg-page: var(--bg-page, #fff);
// 头部背景填充色
$bg-header: var(--bg-header, #427aff);
$bg-header-border: var(--bg-header-border, #1753e0);
$bg-bright: var(--bg-bright, #fff);
$bg-light: var(--bg-light, #dadada);
$bg-warning: var(--bg-warning, #ffba00);

// 右侧底部背景色
$bg-main: var(--bg-main, #f5f6fa);
// 定义upload的颜色
$bg-black: var(--bg-black, rgba(0, 0, 0, 0.5));
$bg-primary: var(--bg-primary, #409eff);

// 弹窗阴影
$custom-msg-boxshadow: var(--custom-msg-boxshadow, rgba(0, 0, 0, 0.16));
// 阴影light  例如高级搜索弹框
$boxshadow-light: var(--boxshadow-light, rgba(98, 131, 121, 0.16));

// 内框  白色背景区域的边框色
$border-light: var(--border-light, #ececec);
$border-primary: var(--border-primary, #409eff);
$border-success: var(--border-success, #38b77c);
$border-info: var(--border-info, #909399);
$border-warning: var(--border-warning, #ffba00);
$border-danger: var(--border-danger, #ff4d4f);

/** 表格 begin **/
// 表格的头部文字颜色
$table-thead-text: var(--table-thead-text, #707070);
// 表格的内容文字颜色
$table-tbody-text: var(--table-tbody-text, #606266);
// 边线
$table-border: var(--table-border, #ececec);
// 头部背景色
$table-header-bg: var(--table-header-bg, #f7f7f7);
// 鼠标经过背景色
$table-bg-hover: var(--table-bg-hover, #f9f9f9);
/** 表格 end **/
/** 左侧菜单 begin **/
// 常态文字颜色
$menu-text-normal: var(--menu-text-normal, #333333);
// 选中文字颜色
$menu-text-active: var(--menu-text-active, #1890ff);
// 常态背景色
$menu-bg-normal: var(--menu-bg-normal, #fafafc);
// 经过背景色
$menu-bg-hover: var(--menu-bg-hover, rgba(#8ec9ff, 0.1));
// 选中背景色
$menu-bg-active: var(--menu-bg-active, rgba(#1890ff, 0.1));
/** 左侧菜单 end **/
/** 头部菜单 begin **/
// 文字颜色
$head-menu-text: var(--head-menu-active, #ffffff);
// 鼠标经过背景色
$head-menu-bg-hover: var(--head-menu-bg-hover, rgba(#325095, 0.1));
// 选中背景色
$head-menu-bg-active: var(--head-menu-bg-active, rgba(#325095, 0.2));
/** 头部菜单 end **/
/** 弹框 begin **/
// 头部文字颜色
$dialog-header-text: var(--dialog-header-text, #333);
// 内容提示文字 mesagebox
$dialog-msgbox-text: var(--dialog-msgbox-text, #999);
// 头部背景色
$dialog-header-bg: var(--dialog-header-bg, #f7f7f7);
// 弹框内容背景色
$dialog-body-bg: var(--dialog-body-bg, #fff);
// 头部底下的边框颜色
$dialog-header-border: var(--dialog-header-border, #dadada);
/** 弹框 end **/
/** 车辆树组件 begin **/
$car-tree-list-title-bg: var(
  --car-tree-list-title-bg,
  linear-gradient(180deg, #3283e4 0%, #2777e9 100%)
);
/** 车辆树组件 end **/

/* 目录组件/ 预览树 */
$catalog-title-bg: var(--catalog-title-bg, #f7f7f7);
$catalog-body-bg: var(--catalog-body-bg, #ffffff);
/*目录组件/预览树end*/

/* tabs 选中 */
$tabs-active-bg: var(--tabs-active-bg, #ffffff);
$tabs-active-text: var(--tabs-active-text, #409eff);
/* tabs 选中 end */

/* 监控中心 */
$map-bg: var(--map-bg, #fff);
$cars-legend-bg: var(--cars-legend-bg, #fff);
$map-bottom-list-bg: var(--map-bottom-list-bg, #fff);
$map-tool-bg: var(--map-tool-bg, #fff);
$map-car-border: var(--map-car-border, transparent);
$tree-warp-bg: var(--tree-warp-bg, transparent);
$map-tool-split: var(--map-tool-split, #ececec);
$cars-legend-split: var(--cars-legend-split, #999);
/* 监控中心 end */

/*视频背景颜色*/
$bg-video: var(--bg-video, #333);
$bg-video-time-line: var(--bg-video, #eee);
/*视频背景颜色end*/

/*ls-icon背景*/
$rficon-plus-bg: var(--rficon-plus-bg, #409eff);
$rficon-minus-bg: var(--rficon-minus-bg, #ff4d4f);
$rficon-delete-bg: var(--rficon-delete-bg, #8f8ea5);
$rficon-radio-bg: var(--rficon-radio-bg, #516585);
$rficon-radioed-bg: var(--rficon-radioed-bg, #478eff);
/*ls-icon背景 end*/

/*首页渐变背景*/
$yellow-start: var(--yellow-start, #f9edcc);
$yellow-end: var(--yellow-end, #fffbdf);
$blue-start: var(--blue-start, #cceff9);
$blue-end: var(--blue-end, #d2fce9);
$border-bg: var(--border-bg, #cfdaec);
$cell-bg: var(--cell-bg, #f7faff);
$item-bg: var(--item-bg, #ffffff);
/*首页渐变背景 end*/
